<div id="header">
    <div id="fb-root"></div>
    <div class="logo">
        <a href="{{ path('_homepage') }}">
            {% image '@AmistateBundle/Resources/public/images/amistate.png' %}
                <img src="{{ asset_url }}" alt="Amistate" title="Contactos en la web"/>
            {% endimage %}
        </a>	
    </div>
    <div class="menu">
        <ul>
            <li class="menu-lindas">
                <a href="{{ path('mas_lindas') }}"><div class="menu-g menu-lindas sp"></div>Más lindas</a>
            </li>
            <li class="menu-lindos">
                <a href="{{ path('mas_lindos') }}"><div class="menu-g menu-lindos sp"></div>Más lindos</a>			
            </li>
            <li class="menu-chat">
                <a href="{{ path('chat') }}"><div class="menu-g menu-chat sp"></div>Chat</a>			
            </li>
            {% if mostrarRegistro %}
                {% if not is_granted('ROLE_USER') %}
                    <li class="menu-registro">
                        <a href="javascript:void(0);" onclick="mostrarFormRegistro();"><div class="menu-g menu-registro sp"></div>Registrar</a>
                    </li>
                {% endif %}
            {% endif %}

            
        </ul>
    </div>
    
    {% if is_granted('ROLE_USER') %}
        {% render "AmistateBundle:Global:menuAutenticado" %}
    {% endif %}
    
    {% if not is_granted('ROLE_USER') %}
        <div class="login-header">
            <ul>
                <li class="btn-login">
                    <a href="javascript:void(0);" onclick=""><div class="menu-g menu-login sp"></div>Identificarme</a>
                    {% render "AmistateBundle:Global:loginHeader" %}
                </li>
            </ul>
        </div>
        {% if mostrarRegistro %}
            <div class="oculto" id="registrar-modal">
                <h3>¡Registrate gratis!</h3>
                {% include "FOSUserBundle:Registration:register_content.html.twig" %}
            </div>
        {% endif %}
    {% endif %}

    {% render "AmistateBundle:Global:atHeader" %}
</div>
